.mb-site-header h1,.site-header h1{color:#dd4b39!important;font-weight:300}.navbar-fixed-top{position:fixed!important}.subnav-fixed{border-color:#d5d5d5;border-radius:0;border-width:0 0 1px;box-shadow:0 1px 0 #fff inset,0 1px 5px rgba(0,0,0,.1);left:0;position:fixed;right:0;top:40px;z-index:1020}.subnav{background-color:#eee;background-image:-moz-linear-gradient(center top ,#f5f5f5 0,#eee 100%);background-repeat:repeat-x;border:1px solid #e5e5e5;border-radius:4px;height:36px;width:100%}.site-header{text-align:center;margin-bottom:15px}.site-header h1{font-size:40px;margin-top:0}.slogan-byline{color:#999;font-size:16px;font-weight:300;line-height:24px;margin-top:5px}.body-container{margin-top:60px;overflow-x:hidden}@media(max-width:767px){ins.adsbygoogle{max-width:300px!important}.slogan-byline{font-size:15px}}.fixed-width{min-width:1150px}.nav-pills,.nav-tabs{width:100%;margin:0 auto}#___plusone_0{width:65px!important}.footer{border-top:1px solid #e5e5e5;margin-top:45px;padding:35px 0 36px;text-align:center;color:#666;font-size:12px}.email-prepend-width{width:70px!important;text-align:right!important}#socialLinks,.advertisements,.center-text{text-align:center}#emailContents{width:98%;height:120px;resize:vertical;margin-top:10px}.text-ads{display:block;margin:5px 0 8px}.message{width:500px}.error{background:#f9f9de!important;border:1px solid #dd4b39!important}label.error{display:none!important}.right-widget{border:1px solid #ccc;border-radius:5px;margin:10px 0;width:298px;padding:5px}.right-widget-head{color:#08c;cursor:pointer;font-weight:700;padding:5px 0;text-align:center;border-bottom:1px solid #ccc}.right-widget-body{max-height:165px;overflow-y:auto}.advert{margin:0 auto 10px}#ModelAdv li{list-style:none;margin-left:0;width:220px;float:left;margin-right:10px;margin-bottom:10px;height:60px}.model-thumb{width:60px;height:60px;float:left}.model-details{float:right;width:150px}.model-age,.model-loc,.model-name{display:inline}.ads{width:300px;font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif}.ads-img{width:110px;height:80px;margin-right:5px;float:left;background:#eee}.ads-img a{line-height:21px;font-size:15px;font-weight:500;display:table-cell;vertical-align:middle;text-decoration:none}.ads-desc-cont{width:180px;float:right;line-height:14px}.ads-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#666;line-height:18px;font-size:13px}.ads-link{height:17px;color:#08c;margin-bottom:2px}.ads-link a:link{color:#08c;text-decoration:none;font-size:14px;white-space:nowrap}.ads-box{background:#f6c2c2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #c72e2e;display:table;color:#fff;text-align:center;padding:5px}.ads-box a{color:#000}.additonal-info:after{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px 0;color:#9da0a4;font-size:12px;font-weight:700;left:-1px;padding:3px 7px;position:absolute;top:-1px}.additonal-info{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin:15px 0;padding:39px 19px 14px;position:relative}.addional-info-text:after{content:"Additional Information"}.hindi-language-info:after{content:"Hindi Language"!important}.nepali-language-info:after{content:"Nepali Language"!important}.arabic-language-info:after{content:"Arabic Language"!important}.bengali-language-info:after{content:"Bengali Language"!important}.punjabi-language-info:after{content:"Punjabi Language"!important}.marathi-language-info:after{content:"Marathi Language"!important}.gujarati-language-info:after{content:"Gujarati Language"!important}.sanskrit-language-info:after{content:"Sanskrit Language"!important}.tamil-language-info:after{content:"Tamil Language"!important}.urdu-language-info:after{content:"Urdu Language"!important}.persian-language-info:after{content:"Parsian Language"!important}.greek-language-info:after{content:"Greek Language"!important}.russian-language-info:after{content:"Russian Language"!important}.font-info:after{content:"About Nepali Font"!important}.hindi-font-info:after{content:"About Hindi Font"!important}.bengali-font-info:after{content:"About Bengali Font"!important}.calendar-info:after{content:"Nepali Calender (Nepali Patro)"!important}.names:after{content:"Names with their Meanings"!important}.nepali-name:after{content:"Nepali Name with Meanings"!important}.nepali-exchange:after{content:"Nepali Exchange Rate"!important}.indian-exchange:after{content:"Indian Exchange Rate"!important}.hindi-name:after{content:"Hindi Name with Meanings"!important}.np-currency-calculator:after{content:"Nepali Currency Calculator"!important}.hi-currency-calculator:after{content:"Indian Currency Calculator"!important}.btn-block{-moz-box-sizing:border-box;display:block;padding-left:0;padding-right:0;width:100%}.nav-banner,.well{padding:0;min-width:112px}.nav-list{padding:0}.nav-list .nav-header,.nav-list>li>a{margin:0!important;padding:3px 10px!important}.cleaner{clear:both}hr.soften{background-image:-moz-linear-gradient(left center ,transparent,rgba(0,0,0,.1),transparent);border:0;height:1px;margin:40px 0}.center-div,.notice-style{margin:0 auto}.notice-style{width:370px}.small{font-size:12px!important}.medium{font-size:14px!important}.large{font-size:16px!important}.center960{margin:0 auto 10px;max-width:960px}.align-top{vertical-align:top}.top10{margin-top:10px!important}.top20{margin-top:20px!important}.btm10,.margin-bottom-10{margin-bottom:10px!important}.btm15{margin-bottom:15px!important}.font-medium{font-size:16px}.top-google-ads{margin-top:12px}.group:after{content:".";display:block;height:0;clear:both;visibility:hidden}html.group{height:1%}#socialLinks{position:relative;display:inline-block!important;margin:0!important;white-space:nowrap;overflow:hidden;width:100%}#facebookLink{position:absolute}#googlePlus{padding-left:137px}.fb-comments,.fb-comments iframe[style],.fb-comments span[style]{width:100%!important}.tag{color:#1e347b}.atv{color:#d14}.baby-names-contains,.margintop10{margin-top:10px}.margintop20{margin-top:20px}.prettyprint{background-color:#f7f7f9;border:1px solid #e1e1e8;padding:8px}ol.linenums li{color:#bebec5;line-height:10px;padding-left:12px;text-shadow:0 1px 0 #fff}.firstcharacter{float:left;color:#dd4b39;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}.tablesorter{cursor:pointer}.margin-left-6{margin-left:6px!important}.left-middle,.scaffolding{border:1px solid green}.add-name-notification,.edit-name-notification,.loading-div{display:none;margin:7px 14px -5px 15px}.loading-div,.notification{display:none}.input-prepend-label{width:120px!important;text-align:right!important}.modal-textarea{height:120px;margin-top:10px;resize:vertical;width:98%}.fat-footer{border-top:4px solid #e5e5e5;margin-top:45px;padding:35px 0 36px;color:#333;font-size:12px;background:#eee}ul.footer-list{list-style:none;margin-left:0;margin-top:4px}ul.footer-list li{line-height:20px}ul.footer-list a:hover{text-decoration:none;border-bottom:1px dotted;color:#08c}.btn.active,.btn:active{border:1px solid #ccc}.mb-site-header{text-align:center;margin-bottom:5px;margin-top:-15px}.no-bullets-li,.no-padding-margin{padding:0;margin:0}.mb-site-header h1{font-size:30px}.no-bullets-li{list-style-type:none}.big-ul li{font-size:30px;padding:5px 0}.additional-meaning-ul li{font-size:21px;font-weight:300;line-height:1.4;margin-bottom:15px;list-style-type:circle}.h3-like-p{font-size:24px}.small-label{font-size:15px;color:#777}.small-text{font-size:14px !important;}.right-aligned{text-align: right;}.advertisement-label{margin-bottom:8px;color:#444;font-weight:300;font-size:15px;letter-spacing:1px}


.contains{background-color:#eee;border-radius:6px;margin-bottom:30px;padding:10px;min-width:500px!important}.contains{position:relative}.spinner{background-image:url(/public/img/icon/spinner_grey.gif);color:#666}.spinner-pos-btn-line{background-position:-2px 12px}.spinner,.ready{padding:5px 0 0 27px;background-repeat:no-repeat;background-size:24px auto;position:absolute;top:230px;left:115px;font-weight:700}.ready{color:#ccc;display:none}#languageTextarea{width:98%;height:390px;color:#999;font-size:17px;resize:vertical}#languageDropDown{color:#0096ff;width:110px;margin:0}#translControl{margin-bottom:10px;padding:7px;width:97%;height:28px}.modal{top:59%}.modal-footer{padding:11px 13px}#NavBar{margin-bottom:10px;overflow:hidden}.ebt-responsive-belowtexarea{width:320px;height:50px}#Q1{cursor:pointer}.prettyprint.linenums{box-shadow:40px 0 0 #FBFBFC inset,41px 0 0 #ECECF0 inset}pre.prettypring{margin-bottom:0!important}#HelpBox{margin:10px 0}.bs-docs-typing-help,.prettyprint{margin-top:-65px}.bs-docs-typing-help:after{background-color:#F5F5F5;border:1px solid #DDD;border-radius:4px 0;color:#9DA0A4;content:"Help";font-size:12px;font-weight:700;left:-1px;padding:3px 7px;position:absolute;top:-1px}.bs-docs-typing-help{background-color:#FFF;border:1px solid #DDD;border-radius:4px;margin:0;padding:39px 19px 14px;position:relative}
@media(min-width: 850px) { .ebt-responsive-belowtexarea { width: 468px; height: 60px; } }
@media(min-width: 980px) { .ebt-responsive-belowtexarea { width: 728px; height: 90px; } }

/*nepali baby names style*/
/*#NavBar {
  margin-bottom: 10px;
  overflow: hidden;
  max-width: 869px;
}
.baby-name {
  display: none;
}
.nav-tabs > li {
  margin-bottom: -3px;
}*/
.names-contains{min-width:500px!important}.nameToolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}#FilterName{height:30px;border:1px solid #ccc;border-radius:4px;padding:5px 10px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}#FilterName:focus{border-color:#333!important;outline:none!important;box-shadow:none!important}.second-rotator>div:not(:first-child){display:none}.btn:focus{outline:0!important}a:focus,a:active,button:focus,button:active,.btn:focus,.btn:active{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}

/**
 * Popover - Generic Popover Component Styles
 * Version: 1.0.0
 */

/* Popover Container */
.popover-container {
    position: absolute;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    max-width: 320px;
    min-width: 100px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* Popover Content Wrapper */
.popover-content {
    position: relative;
    z-index: 1;
}

/* Popover Arrow */
.popover-arrow {
    position: absolute;
    z-index: 0;
}

/* Animation handled by JS via opacity transition on the inline style */


/* Responsive Design */
@media (max-width: 768px) {
    .popover-container {
        max-width: calc(100vw - 40px);
        padding: 12px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .popover-container {
        max-width: calc(100vw - 20px);
        padding: 10px;
        font-size: 12px;
    }
}

/* Print Styles */
@media print {
    .popover-container {
        display: none !important;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .popover-container {
        border: 2px solid currentColor;
    }
}

/* Glossary Term Trigger */
.glossary-term-link {
    border-bottom: 1px dashed #08c;
    color: #08c;
    cursor: pointer;
}
.glossary-term-link:hover {
    border-bottom-style: solid;
}

/* Glossary Term Popover — compact padding */
.glossary-popover.popover-container {
    padding: 7px;
}
.glossary-popover .popover-content {
    padding: 7px;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .popover-container {
        animation: none;
        transition: none;
    }
}

/* Dark Mode Support (Optional - Override with data attributes if needed) */
@media (prefers-color-scheme: dark) {
    .popover-container:not([data-theme]) {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
    }
}

.popover-content{
    background-color: transparent
}

/**
 * Popover Share Button - Page-Specific Styles
 * Version: 1.0.0
 */

/* Share Popover Container */
.share-popover {
    padding: 6px;
    border-radius: 4px;
}

/* Remove padding from popover content for share button */
.share-popover .popover-content {
    padding: 0;
}

/* Share Icons Container */
.share-icons {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

/* Horizontal Layout (Default) - with wrapping support */
.share-icons-horizontal {
    flex-direction: row;
    flex-wrap: wrap;
}

/* Apply max-width based on numberOfItemsPerRow */
.share-icons-horizontal[data-items-per-row="1"] {
    max-width: calc(20px + 0px); /* 1 icon + 0 gaps */
}

.share-icons-horizontal[data-items-per-row="2"] {
    max-width: calc(40px + 8px); /* 2 icons + 1 gap */
}

.share-icons-horizontal[data-items-per-row="3"] {
    max-width: calc(60px + 26px); /* 3 icons + 2 gaps */
}

.share-icons-horizontal[data-items-per-row="4"] {
    max-width: calc(80px + 24px); /* 4 icons + 3 gaps */
}

.share-icons-horizontal[data-items-per-row="5"] {
    max-width: calc(100px + 32px); /* 5 icons + 4 gaps (default) */
}

.share-icons-horizontal[data-items-per-row="6"] {
    max-width: calc(120px + 40px); /* 6 icons + 5 gaps */
}

.share-icons-horizontal[data-items-per-row="7"] {
    max-width: calc(140px + 48px); /* 7 icons + 6 gaps */
}

.share-icons-horizontal[data-items-per-row="8"] {
    max-width: calc(160px + 56px); /* 8 icons + 7 gaps */
}

.share-icons-horizontal[data-items-per-row="9"] {
    max-width: calc(180px + 64px); /* 9 icons + 8 gaps */
}

.share-icons-horizontal[data-items-per-row="10"] {
    max-width: calc(200px + 72px); /* 10 icons + 9 gaps */
}

.share-icons-horizontal[data-items-per-row="11"] {
    max-width: calc(220px + 80px); /* 11 icons + 10 gaps */
}

.share-icons-horizontal[data-items-per-row="12"] {
    max-width: calc(240px + 88px); /* 12 icons + 11 gaps */
}

/* Vertical Layout */
.share-icons-vertical {
    flex-direction: column;
    flex-wrap: nowrap;
}

/* Individual Share Icon Link */
.share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 0;
    background-color: transparent;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}

.share-icon:hover {
    opacity: 0.7;
}

.share-icon:active {
    opacity: 0.5;
}

.share-icon:focus {
    outline: 1px solid #666;
    outline-offset: 1px;
}

/* Share Icon SVGs */
.share-icon svg {
    width: 20px;
    height: 20px;
    display: block;
    fill: #666;
    transition: fill 0.15s ease-in-out;
}

/* WhatsApp Icon - Brand color on hover */
#ShareWhatsAppIcon {
    fill: #666;
}

a:hover #ShareWhatsAppIcon {
    fill: #25D366;  /* WhatsApp green */
}

/* Facebook Icon - Brand color on hover */
#ShareFacebookIcon {
    fill: #666;
}

a:hover #ShareFacebookIcon {
    fill: #1877F2;  /* Facebook blue */
}

/* Email Icon - Gmail red on hover */
#ShareEmailIcon {
    fill: #666;
}

a:hover #ShareEmailIcon {
    fill: #EA4335;  /* Gmail red */
}

/* Twitter Icon - Brand color on hover */
#ShareTwitterIcon {
    fill: #666;
}

a:hover #ShareTwitterIcon {
    fill: #1DA1F2;  /* Twitter blue */
}

/* LinkedIn Icon - Brand color on hover */
#ShareLinkedInIcon {
    fill: #666;
}

a:hover #ShareLinkedInIcon {
    fill: #0A66C2;  /* LinkedIn blue */
}

/* Viber Icon - Brand color on hover */
#ShareViberIcon,
#ShareViberIcon path {
    stroke: #666;
}

a:hover #ShareViberIcon,
a:hover #ShareViberIcon path {
    stroke: #9333EA;
}

/* Telegram Icon - Brand color on hover */
#ShareTelegramIcon {
    fill: #666;
}

a:hover #ShareTelegramIcon {
    fill: #0088cc;  /* Telegram blue */
}

/* SMS Icon - Color on hover */
#ShareSMSIcon {
    fill: #666;
}

a:hover #ShareSMSIcon {
    fill: #34C759;  /* Green for messages */
}

/* iMessage Icon - Brand color on hover */
#ShareiMessageIcon {
    fill: #666;
}

a:hover #ShareiMessageIcon {
    fill: #5AC8FA;  /* iMessage blue */
}

/* JioChat Icon - Brand color on hover */
#ShareJioChatIcon {
    fill: #666;
}

a:hover #ShareJioChatIcon {
    fill: #D00000;  /* Jio red */
}

/* Arattai Icon - Color on hover */
#ShareArattaiIcon {
    fill: #666;
}

a:hover #ShareArattaiIcon {
    fill: #FF9500;  /* Orange for Arattai */
}

/* Sandes Icon - Brand color on hover */
#ShareSandesIcon {
    fill: #666;
}

a:hover #ShareSandesIcon {
    fill: #FF9933;  /* India saffron */
}

/* Share Button in Toolbar - Disabled State */
#ShareButton.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

#ShareButton.disabled svg {
    fill: #999;
}

/* Accessibility - Screen Reader Only Text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Loading State (Optional) */
.share-icon.loading {
    pointer-events: none;
    opacity: 0.5;
}

.share-icon.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: share-icon-spin 0.6s linear infinite;
}

@keyframes share-icon-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .share-popover {
        padding: 6px;
    }

    .share-icons {
        gap: 8px;
    }

    .share-icon {
        width: 20px;
        height: 20px;
    }

    .share-icon svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    .share-popover {
        padding: 6px;
    }

    .share-icons {
        gap: 8px;
    }

    .share-icon {
        width: 20px;
        height: 20px;
    }

    .share-icon svg {
        width: 20px;
        height: 20px;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .share-popover {
        background-color: #2d2d2d;
        color: #ffffff;
    }

    .share-icon:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    #ShareButton:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .share-icon {
        border: 2px solid currentColor;
    }

    .share-icon:focus {
        outline-width: 3px;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .share-icon,
    #ShareButton {
        transition: none;
    }

    .share-icon:hover {
        transform: none;
    }

    .share-icon.loading::after {
        animation: none;
    }
}

/* Print Styles */
@media print {
    .share-popover,
    #ShareButton {
        display: none !important;
    }
}

#name-generator-widget h2 {
    font-size: 20px;
}
#name-generator-widget {
    background: linear-gradient(to right, #8b5cf6, #ec4899);
}

#name-generator-widget > .panel-heading {
    color: #fff;
    background: linear-gradient(to right, #7c3aed, #db2777);
}

/* Facebook-style like/dislike buttons next to generated names */
#nameResult .name-vote {
    display: inline-flex;
    gap: 0;
    margin-left: 6px;
    vertical-align: middle;
    white-space: nowrap;
}
#nameResult .name-vote-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #65676b;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
#nameResult .name-vote-btn:hover {
    background: #f0f2f5;
}
#nameResult .name-vote-btn:active {
    background: #e4e6eb;
}
#nameResult .name-vote-btn:focus {
    outline: none;
}
#nameResult .name-vote-btn:focus-visible {
    box-shadow: 0 0 0 2px #1877f2;
}
#nameResult .name-vote-btn svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#nameResult .name-vote-btn.active {
    color: #3a3b3c;
}
#nameResult .name-vote-btn.active svg {
    fill: currentColor;
}

/* Refresh (new set of names) button, centred in the Name Result heading */
#nameResult .name-result-heading {
    position: relative;
}
#nameResult #refreshNameBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #31708f;
    line-height: 1;
    cursor: pointer;
}
#nameResult #refreshNameBtn:hover:not([disabled]) {
    background: rgba(0, 0, 0, .08);
}
#nameResult #refreshNameBtn[disabled] {
    opacity: .4;
    cursor: not-allowed;
}
#nameResult #refreshNameBtn svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* Hover tooltip, e.g. "Generate Fresh Result" */
#nameResult #refreshNameBtn::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    border-radius: 4px;
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease;
    z-index: 10;
}
#nameResult #refreshNameBtn:hover::after,
#nameResult #refreshNameBtn:focus-visible::after {
    opacity: 1;
    visibility: visible;
}
#nameResult #refreshNameBtn.loading {
    opacity: 1;
    cursor: progress;
}
#nameResult #refreshNameBtn.loading::after {
    display: none;
}
#nameResult #refreshNameBtn.loading svg {
    animation: name-refresh-spin .8s linear infinite;
}
@keyframes name-refresh-spin {
    to { transform: rotate(360deg); }
}
/* While refreshing: old names stay faded behind a "Generating new results..." message */
#nameResult .panel-body.refreshing {
    position: relative;
}
#nameResult .panel-body.refreshing > ol {
    opacity: .3;
    pointer-events: none;
    transition: opacity .2s ease;
}
#nameResult .name-refresh-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 16px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
    color: #333;
    font-weight: 600;
    white-space: nowrap;
}
/* Animated dots: reveal ".", "..", "..." in turn */
#nameResult .name-refresh-dots {
    display: inline-block;
    width: 1.1em;
    text-align: left;
    animation: name-refresh-dots 1.2s steps(4, end) infinite;
}
@keyframes name-refresh-dots {
    from { clip-path: inset(0 100% 0 0); }
    to { clip-path: inset(0 -10% 0 0); }
}

/* Share button after like/dislike */
#nameResult .name-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #65676b;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
#nameResult .name-share-btn:hover {
    background: #f0f2f5;
}
#nameResult .name-share-btn:active {
    background: #e4e6eb;
}
#nameResult .name-share-btn:focus {
    outline: none;
}
#nameResult .name-share-btn:focus-visible {
    box-shadow: 0 0 0 2px #1877f2;
}
#nameResult .name-share-btn svg {
    fill: currentColor;
}

/* iOS Safari zooms into inputs with font-size below 16px; keep the parent name fields at 16px */
#name-generator-widget input.form-control {
    font-size: 16px;
}